<#import "/manage/tpl/pageTep.ftl" as page/>
<@page.pageBase currentMenu=(e.type=="p")?string("商品目录","文章分类")>
<#--<script type="text/javascript">-->
	<#--$(function() {-->
		<#--$("#treegrid").treegrid({"treeColumn":1});-->
	<#--});-->
	<#--function deleteSelect(id) {-->
		<#--try{-->
			<#--if(confirm("确定删除当前记录?")){-->
				<#--$.blockUI({ message: "系统处理中，请等待...",css: { -->
			        <#--border: 'none', -->
			        <#--padding: '15px', -->
			        <#--backgroundColor: '#000', -->
			        <#--'-webkit-border-radius': '10px', -->
			        <#--'-moz-border-radius': '10px', -->
			        <#--opacity: .5, -->
			        <#--color: '#fff' -->
			    <#--}});-->
				<#--var _url = "deleteByID?id="+id;-->
				<#--$.ajax({-->
				  <#--type: 'POST',-->
				  <#--url: _url,-->
				  <#--data: {},-->
				  <#--async:false,-->
				  <#--success: function(data){-->
					  <#--console.log("ajax.data="+data);-->
					  <#--if(data){-->
						  <#---->
						<#--var _form = $("#form");-->
						<#--_form.attr("action","selectList");-->
						<#--_form.submit();-->
							<#---->
						  <#--//alert("删除成功！");-->
						  <#--//document.form.action = "catalog!selectList.action";   -->
					      <#--//document.form.submit();   -->
					  <#--}-->
					  <#--jQuery.unblockUI();-->
				  <#--},-->
				  <#--dataType: "text",-->
				  <#--error:function(){-->
					  	<#--jQuery.unblockUI();-->
						<#--alert("加载失败，请联系管理员。");-->
				  <#--}-->
				<#--});-->
			<#--}-->
		<#--}catch(e){-->
			<#--console.log("eee="+e);-->
		<#--}-->
		<#--return false;-->
	<#--}-->
	<#--//编辑-->
	<#--function editSelect(id){-->
		<#--//document.form1.action = "catalog!toEdit.action?e.id="+node.id;-->
        <#--//document.form1.submit();-->
        <#--var _url = "toEdit?id="+id;-->
        <#--var _form = $("#form");-->
		<#--_form.attr("action",_url);-->
		<#--_form.submit();-->
	<#--}-->
<#--</script>-->
	<#--<form action="${basepath}/manage/catalog" name="form" id="form" method="post" theme="simple">-->
		<#--<input type="hidden" value="${e.type!""}" name="type" id="_type" />-->
		<#--<table class="table table-bordered table-condensed table-hover">-->
			<#--<tr>-->
				<#--<td colspan="16">-->

					<#--<a href="selectList" class="btn btn-primary">-->
						<#--<i class="icon-search icon-white"></i> 查询-->
					<#--</a>-->
						<#---->

					<#--<a href="toAdd?type=${e.type!"a"}" class="btn btn-success">-->
						<#--<i class="icon-plus-sign icon-white"></i> 添加-->
					<#--</a>-->
					<#---->
				<#--</td>-->
			<#--</tr>-->
		<#--</table>-->
	<#--</form>-->

	<#--<div class="alert alert-info" style="margin-bottom: 2px;">友情提示：商品目录一般分为两层，大类别、小类别。商品目录编码必须唯一。</div>-->
	<#--<table id="treegrid" title="商品类别目录" class="table tree table-bordered" style="min-width:800px;min-height:250px">-->
		<#--<thead>-->
			<#--<tr>-->
				<#--<th data-options="field:'id'" nowrap="nowrap">ID</th>-->
				<#--<th data-options="field:'name'" nowrap="nowrap">类别名称</th>-->
				<#--<th data-options="field:'order1'" nowrap="nowrap">顺序</th>-->
				<#--<th data-options="field:'code'" nowrap="nowrap">编码</th>-->
				<#--<th data-options="field:'showInNavStr'" nowrap="nowrap">是否在导航条显示</th>-->
				<#--<#if e.type??&& e.type=="a">-->
				<#--<#else>-->
					<#--<th data-options="field:'productNum'" nowrap="nowrap" align="right">商品数量</th>-->
				<#--</#if>-->
				<#--<th nowrap="nowrap" align="right">操作</th>-->


			<#--</tr>-->
			<#--<#list list as item>-->
            <#--<tr class="treegrid-${item.id} ${(item.pid=="0")?string("","treegrid-parent-"+item.pid)}">-->
                <#--<td>${item.id!""}</td>-->
                <#--<td>${item.name!""}</td>-->
                <#--<td>${item.order1!""}</td>-->
                <#--<td>${item.code!""}</td>-->
                <#--<td>${(item.showInNav=="y")?string("是","否")}</td>-->
				<#--<#if e.type??&& e.type=="a">-->
				<#--<#else>-->
                <#--<td>${item.productNum!""}</td>-->
				<#--</#if>-->
				<#--<td>-->
					<#--<button class="btn btn-warning" onclick="return editSelect('${item.id}');">-->
                    <#--<i class="icon-edit icon-white"></i> 编辑-->
                	<#--</button>-->
                    <#--<button method="deletes" class="btn btn-danger" onclick="return deleteSelect('${item.id}');">-->
                        <#--<i class="icon-remove-sign icon-white"></i> 删除-->
                    <#--</button>-->
				<#--</td>-->
            <#--</tr>-->
			<#--</#list>-->
		<#--</thead>-->
	<#--</table>-->

	<div id="t1"></div>
	<script>
        BUI.use(['bui/extensions/treegrid'],function (TreeGrid) {
            var data = [
				<#list list as item>
					<#if item.pid=="0">
	                {
	                    id:'${item.id}',
	                    name:'${item.name}',
	                    order1:'${item.order1}',
	                    code:'${item.code}',
	                    showInNav:'${item.showInNav}',
	                    type:'${item.type}',
	                        children:[
								<#list list as children>
									<#if children.pid==item.id>
	                                    {
	                                        id:'${children.id}',
	                                        name:'${children.name}',
	                                        order1:'${children.order1}',
	                                        code:'${children.code}',
	                                        showInNav:'${children.showInNav}',
	                                        type:'${children.type}'
	                                    },
									</#if>
								</#list>
	                        ]
	                },
					</#if>
				</#list>
        	];
	        var tree = new TreeGrid({
	            render : '#t1',
	            nodes : data,
	            columns : [
	                {title : 'ID',dataIndex :'id',width:180},
	                {title : '类别名称',dataIndex :'name',width:100},
	                {title : '顺序',dataIndex : 'order1',width:50},
	                {title : '编码',dataIndex :'code',width:80},
	                {title : '是否在导航条显示',dataIndex :'showInNav',width:200},
	                {title : '商品数量',dataIndex : 'type',width:100},
	                {title : '操作',dataIndex : 'id',width:100,renderer:function(data){
	                    return '<a href="${basepath}/manage/catalog/toEdit?id=' + data + '>编辑</a>'
								+'<a  href="${basepath}/manage/catalog/deleteByID?id=' + data + '">删除</a>';
					}}
	            ]
	        });
            tree.on("aftershow", function (e) {
                //万恶的json导致菜单栏高度问题
                $(".dl-second-nav").css("height", $(".dl-inner-tab").css("height"));
            });
	        tree.render();
        });
	</script>
</@page.pageBase>